<template>
  <div>
    <h2>Shop</h2>
    <h3>root</h3>
    {{ $store.state.title }}
    <button @click="$store.dispatch('say', 'root')">say</button>
    <h3>shop</h3>
    {{ $store.state.shop.title }}
    <button @click="$store.dispatch('shop/say', 'shop')">say</button>

    <h3>localShop cart</h3>
    {{ $store.state.shop.localShop.title }}
    <button @click="$store.dispatch('shop/localShop/say', 'shop')">say</button>


    <h3>cart</h3>
    {{ $store.state.cart.title }}
    <button @click="$store.dispatch('cart/say', 'shop')">say</button>
  </div>
</template>
<script>
export default {
}
</script>